<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>腾讯视频</title>
    <!--<link rel="stylesheet" href="css/base.css">-->
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js"></script>
    <script src="js/my.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/jQuery.js"></script>
</head>
<body>

    <!--head部分开始-->
    <div class="head" id="last">
        <ul class="head_img" id="top">
            <li><img src="images/1.jpg" id="imgId1"></li>
            <li><img src="images/2.jpg" id="imgId2"></li>
            <li><img src="images/3.jpg" id="imgId3"></li>
            <li><img src="images/4.jpg" id="imgId4"></li>
            <li><img src="images/5.jpg" id="imgId5"></li>
            <li><img src="images/6.jpg" id="imgId6"></li>
            <li><img src="images/7.jpg" id="imgId7"></li>
        </ul>
        <!--顶部导航栏start-->
        <div class="search" >
            <div class="left">
                <div class="content">
                    <span>腾讯视频</span>
                    <span>VIP</span>
                    <span><i style="font-style: normal">◇</i>首页</span>
                    <span id="one"><i>◇</i>频道</span>
                    <div class="box hidden" id="show">
                        <div>
                            <i>▲</i>
                        </div>
                        <div>
                            <a href="">111</a><a href="">222</a><a href="">333</a><a href="">444</a><a href="">555</a><a
                                href="">666</a><a href="">777</a><a href="">888</a><a href="">999</a><a href="">100</a><a
                                href="">112</a><a href="">125</a><a href="">136</a><a href="">147</a><a
                                href="">153</a><a href="">165</a><a href="">176</a><a href="">187</a><a
                                href="">193</a><a href="">205</a><a href="">216</a><a href="">227</a><a
                                href="">233</a><a href="">245</a><a href="">256</a><a href="">267</a><a
                                href="">273</a><a href="">285</a><a href="">296</a><a href="">307</a><a
                                href="">313</a><a href="">325</a><a href="">336</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="center">
                <div class="content">
                    <input type="text" value=" &nbsp;&nbsp;&nbsp;&nbsp;全职高手">
                    <i>◇</i>
                    <span>热搜榜</span>
                    <button>全网搜</button>
                </div>

            </div>

            <div class="right">
                <div class="content">
                    <div id="two1">
                        <i>◇</i><br>
                        <span>看过</span>
                    </div>
                    <div>
                        <i>◇</i><br>
                        <span>上传</span>
                    </div>
                    <div>
                        <i>◇</i><br>
                        <span>打开客户端</span>

                    </div>
                    <div id="a">
                        <!--<img src="images/head.png" alt="">-->
                    </div>

                    <div class="mark">抢福利</div>
                </div>
            </div>

            <div class="box3">
                <!--待补充-->
            </div>
            <div class="box4">
                <div>
                    <!--待补充-->
                </div>
            </div>
        </div>
        <div class="search1" id="Q-nav1">
            <div class="left">
                <div class="content">
                <span>腾讯视频</span>
                <span>VIP</span>
                <span><i style="font-style: normal">◇</i>首页</span>
                <span id="three"><i>◇</i>频道</span>
                    <div class="box hidden" id="four">
                        <div>
                            <i>▲</i>
                        </div>
                        <div>
                            <a href="">111</a><a href="">222</a><a href="">333</a><a href="">444</a><a href="">555</a><a
                                href="">666</a><a href="">777</a><a href="">888</a><a href="">999</a><a href="">100</a><a
                                href="">112</a><a href="">125</a><a href="">136</a><a href="">147</a><a
                                href="">153</a><a href="">165</a><a href="">176</a><a href="">187</a><a
                                href="">193</a><a href="">205</a><a href="">216</a><a href="">227</a><a
                                href="">233</a><a href="">245</a><a href="">256</a><a href="">267</a><a
                                href="">273</a><a href="">285</a><a href="">296</a><a href="">307</a><a
                                href="">313</a><a href="">325</a><a href="">336</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="center">
                <div class="content">
                    <input type="text" value=" &nbsp;&nbsp;&nbsp;&nbsp;全职高手" style="border: 1px solid #878787;">
                    <i>◇</i>
                    <span>热搜榜</span>
                    <button>全网搜</button>
                </div>

            </div>

            <div class="box3">
                <!--待补充-->
            </div>
            <div class="box4">
                <div>
                    <!--待补充-->
                </div>
            </div>
        </div>
        <!--顶部导航栏end-->

        <!--余下内容start-->
        <div class="banner_left">
            <ul>
                <li>精选</li>
                <li>电视</li>
                <li>剧电</li>
                <li>影动</li>
                <li>漫综</li>
                <li>艺纪</li>
                <li>录片</li>
                <li>音乐</li>
                <li>知识</li>
            </ul>
        </div>
        <div class="banner_right">
            <ul>
                <li> VIP采购</li>
                <li>VIP福利社</li>
                <li>VIP特权</li>
                <li>VIP兑换</li>
            </ul>
        </div>

        <div class="bgc">
            <div class="banner_footer" id="last1">
                <ul>
                    <li><a href="#">斗破苍穹 第3季 </a><span>|</span></li>

                    <li><a href="#">明日之子不打烊练习室</a><span>|</span></li>

                    <li><a href="#">外星女生柴小七·首播 </a><span>|</span></li>

                    <li><a href="#">一条狗的使命2</a><span>|</span></li>

                    <li><a href="#">清代皇陵异闻录</a><span>|</span></li>

                    <li><a href="#">黑衣人·首播周边放送</a><span>|</span></li>

                    <li><a href="#">VIP年卡限时5折</a></li>

                </ul>
            </div>

        </div>
        <!--余下内容end-->
    <!--vip start-->
        <div class="vip">
            <div class="top">
                立即登录
            </div>
            <div class="center">
                <div class="bu"></div>
                <div class="text">VIP尊享特权</div>
                <div class="four">
                    <ul>
                        <li><img src="images/v1.png" alt="">尊贵身份</li>
                        <li><img src="images/v2.jpg" alt="">广告特权</li>
                        <li><img src="images/v3.jpg" alt="">院线新片</li>
                        <li><img src="images/v4.jpg" alt="">独家美剧</li>
                    </ul>
                </div>
            </div>
            <div class="bottom">
                <div>
                    <img src="images/v.png" alt="">
                    <!--<div class="text">开通腾讯视频VIP</div>-->
                    开通腾讯视频VIP
                </div>
            </div>
        </div>
        <div class="box2" id="two">
            <div class="box2_head">
                <span>看过</span>
                <span>收藏</span>
                <span>订阅</span>
            </div>
            <div>
                <img src="images/error.png" alt="">
            </div>

        </div>
    <!--vip end-->
    </div>
    <!--head部分结束-->
    <!--右侧固定栏-->
    <div class="fix" id="img">
        <img src="images/side.png" alt="">
    </div>
    <!--右侧固定栏结束-->
    <!--body部分开始-->
    <!--底部导航栏-->
    <div class="body">
        <div class="box">
            <ul>
                <li>最新</li>
                <li>最热</li>
                <li>好评</li>
            </ul>
            <ul>
                <li>欧美</li>
                <li>华语</li>
                <li>日韩</li>
            </ul>
            <ul>
                <li>喜剧</li>
                <li>恐怖</li>
                <li>爱情</li>
                <li>犯罪</li>
                <li>悬疑</li>
                <li>惊悚</li>
                <li>武侠</li>
                <li>科幻</li>
            </ul>
            <ul>
                <li>降温好课1元起</li>
            </ul>
            <ul>
                <img src="images/bag.jpg" alt="">
            </ul>
        </div>
        <div class="line">
            <div class="line1"></div>
            <div class="line2"></div>
            <div class="line3"></div>
        </div>
    </div>
    <h2 class="hot">正在热播</h2>
    <div class="move">
        <div class="left">
            <div class="v">
                <video src="images/1.mp4" autoplay="autoplay" controls="controls" muted="muted" poster="images/1.jpg" loop="loop"></video>
            </div>
            <div class="text">
                <ul>
                    <li>脱口秀大会之散场</li>
                    <li>魔道祖师·羡云篇</li>
                    <li>斗罗大陆方言版</li>
                    <li>Super R1se·蓄能季</li>
                    <li>面包空气奇迹</li>
                    <li>加油，你是最棒的</li>
                </ul>
            </div>
        </div>
        <div class="six">
            <div>
                <img src="images/move1.jpg" alt="">
                <span>复仇者联盟4：终局之战
                    <span style="font-size:13px; color: #999999;">铁人小虫超虐重聚</span>
                </span>
            </div>
            <div>
                <img src="images/move2.jpg" alt="">
                <span>全职高手·更新
                    <span style="font-size:13px; color: #999999;">叶修反黑，呼吁理智追星泪崩！</span>
                </span>
            </div>
            <div>
                <img src="images/move3.jpg" alt="">
                <span>明日之子不打烊练习室
                        <span style="font-size:13px; color: #999999;">洪一诺吐槽冯希瑶嫁不</span>
                    </span>
                </div>
                <div>
                    <img src="images/move4.jpg" alt="">
                    <span>斗破苍穹 第3季
                        <span style="font-size:13px; color: #999999;">发糖了！萧炎云韵沙漠之吻</span>
                    </span>
                </div>
                <div>
                    <img src="images/move5.jpg" alt="">
                    <span>外星女生柴小七·更新
                        <span style="font-size:13px; color: #999999;">莲花渣男方冷 渣过洪世贤</span>
                    </span>
                </div>
                <div>
                    <img src="images/move6.jpg" alt="">
                    <span>全职高手-剧说原著
                        <span style="font-size:13px; color: #999999;">原著里强者如何创造荣耀？</span>
                    </span>
                </div>
                <div>
                    <img src="images/move7.jpg" alt="">
                    <span>小欢喜·更新
                        <span style="font-size:13px; color: #999999;">失眠抑郁 英子可太难了</span>
                    </span>
                </div>
                <div>
                    <img src="images/move8.jpg" alt="">
                    <span>斗罗大陆·更新
                        <span style="font-size:13px; color: #999999;">危险魂兽！史莱克大战蜘蛛</span>
                    </span>
                </div>
            </div>
        </div>
    <h2>最新上线</h2>
    <div class="move2">
            <div>
                <img src="images/movea.jpg" alt="">
                <span>复仇者联盟4</span>
                <div class="love" id="h"><img id="heart" src="images/love2.png" alt=""> <span>加入看单</span></div>
            </div>
            <div>
                <img src="images/moveb.jpg" alt="">
                <span>冠德社脱口相声</span>
                <div class="love" id="h1"><img id="heart1" src="images/love2.png" alt=""> <span>加入看单</span></div>
            </div>
            <div>
                <img src="images/movec.jpg" alt="">
                <span>听李寅讲康熙的大智慧</span>
                <div class="love" id="h2"><img id="heart2" src="images/love2.png" alt=""> <span>加入看单</span></div>
            </div>
            <div>
                <img src="images/moved.jpg" alt="">
                <span>明日之子查房啦</span>
                <div class="love" id="h3"><img id="heart3" src="images/love2.png" alt=""> <span>加入看单</span></div>
            </div>
            <div>
                <img src="images/movee.jpg" alt="">
                <span>心动的信号 特约版</span>
                <div class="love" id="h4"><img id="heart4" src="images/love2.png" alt=""> <span>加入看单</span></div>
            </div>
            <div>
                <img src="images/movef.jpg" alt="">
                <span>大清十二刑</span>
                <div class="love" id="h5"><img id="heart5" src="images/love2.png" alt=""> <span>加入看单</span></div>
            </div>
        </div>
    <h2>VIP今日推荐</h2>
    <div class="move3">
        <div>
            <div class="top">
                <img src="images/big1.jpg" alt="">
            </div>
            <div class="center">
                <img src="images/text1.png" alt="">
            </div>
            <div class="bottom">
                <img src="images/text4.png" alt="">
            </div>
        </div>
        <div>
            <div class="top">
                <img src="images/big2.jpg" alt="">
            </div>
            <div class="center">
                <img src="images/text2.png" alt="">
            </div>
            <div class="bottom">
                <img src="images/text5.png" alt="">
            </div>
        </div>
        <div>
            <div class="top">
                <img src="images/big3.jpg" alt="">
            </div>
            <div class="center">
                <img src="images/text3.png" alt="">
            </div>
            <div class="bottom">
                <img src="images/text6.png" alt="">
            </div>
        </div>
    </div>
    <h2>会员Fun部落</h2>
    <div class="view">
        <ul>
            <li>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </li>
            <li>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </li>
            <li>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </li>
            <li>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </li>
            <li>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </li>
        </ul>
        <a href="javascript:;" class="prev">&lt;</a>
        <a href="javascript:;" class="next">&gt;</a>
    </div>
    <h2>vip独播电影</h2>
    <div class="move4">
        <div>
            <img src="images/move41.png" alt="">
            <span>脱口秀大会之散场</span>
            <span>于文文回忆疯狂追星史</span>
        </div>
        <div>
            <img src="images/move42.jpg" alt="">
            <span>伟大的转折</span>
            <span>用兵如神！展最强运动战</span>
        </div>
        <div>
            <img src="images/move43.jpg" alt="">
            <span>遇见幸福</span>
            <span>遇中年危机的樊胜美更惨了</span>
        </div>
        <div>
            <img src="images/move44.jpg" alt="">
            <span>陆战之王</span>
            <span> 陈晓王雷勇争坦克兵王</span>
        </div>
        <div>
            <img src="images/move45.jpg" alt="">
            <span>老酒馆</span>
            <span>陈宝国秦海璐勇闯关东</span>
            <!--<div class="love" id="h4"><img id="heart4" src="images/love2.png" alt=""> <span>加入看单</span></div>-->
        </div>
        <div>
            <img src="images/move46.jpg" alt="">
            <span>明日之子不打烊练习室</span>
            <span> 第8期：总决战备战花絮公开</span>
            <!--<div class="love" id="h5"><img id="heart5" src="images/love2.png" alt=""> <span>加入看单</span></div>-->
        </div>
    </div>
    <h2>vip自制电影</h2>
    <div class="move4">
        <div>
            <img src="images/copy11.webp" alt="">
            <span>锦衣之下之血滴子</span>
            <span>锦衣卫追查少女失踪密案</span>
        </div>
        <div>
            <img src="images/copy22.webp" alt="">
            <span>游戏人生</span>
            <span>用兵如神！展最强运动战</span>
        </div>
        <div>
            <img src="images/copy33.webp" alt="">
            <span>阿尔法·狼伴归途</span>
            <span>遇中年危机的樊胜美更惨了</span>
        </div>
        <div>
            <img src="images/copy44.webp" alt="">
            <span>秦明生死语闻</span>
            <span> 陈晓王雷勇争坦克兵王</span>
        </div>
        <div>
            <img src="images/copy55.webp" alt="">
            <span>唐人街探案2</span>
            <span>陈宝国秦海璐勇闯关东</span>
            <!--<div class="love" id="h4"><img id="heart4" src="images/love2.png" alt=""> <span>加入看单</span></div>-->
        </div>
        <div>
            <img src="images/copy66.webp" alt="">
            <span>七龙珠·布罗利</span>
            <span> 第8期：总决战备战花絮公开</span>
            <!--<div class="love" id="h5"><img id="heart5" src="images/love2.png" alt=""> <span>加入看单</span></div>-->
        </div>
    </div>
    <h2>我的影院</h2>
<!--轮播图-->
    <div class="wrap" id="wrap">
        <div class="slide" id="slide">
            <ul>
                <!--五张图片-->
                <li><a href="javascript:;"><img src="images/last11.jpg" alt=""/></a></li>
                <li><a href="javascript:;"><img src="images/last22.jpg" alt=""/></a></li>
                <li><a href="javascript:;"><img src="images/last33.jpg" alt=""/></a></li>
                <li><a href="javascript:;"><img src="images/last44.jpg" alt=""/></a></li>
                <li><a href="javascript:;"><img src="images/last55.jpg" alt=""/></a></li>
            </ul>
            <!--左右切换按钮-->
            <div class="arrow" id="arrow">
                <a href="javascript:;" class="prev1"></a>
                <a href="javascript:;" class="next1"></a>
            </div>
        </div>
    </div>
    <h2></h2>
    <h2></h2>
    <h2>vip专区</h2>
    <div class="move4">
        <div>
            <img src="images/y1.jpg" alt="">
            <span>外星女生柴小七</span>
            <span>锦衣卫追查少女失踪密案</span>
        </div>
        <div>
            <img src="images/y2.jpg" alt="">
            <span>故宫角落</span>
            <span>用兵如神！展最强运动战</span>
        </div>
        <div>
            <img src="images/y3.jpg" alt="">
            <span>上海堡垒</span>
            <span>遇中年危机的樊胜美更惨了</span>
        </div>
        <div>
            <img src="images/y4.jpg" alt="">
            <span>七个世界  一个星球</span>
            <span> 陈晓王雷勇争坦克兵王</span>
        </div>
        <div>
            <img src="images/y5.jpg" alt="">
            <span>烈火英雄</span>
            <span>陈宝国秦海璐勇闯关东</span>
            <!--<div class="love" id="h4"><img id="heart4" src="images/love2.png" alt=""> <span>加入看单</span></div>-->
        </div>
        <div>
            <img src="images/y6.jpg" alt="">
            <span>狼王</span>
            <span> 第8期：总决战备战花絮公开</span>
            <!--<div class="love" id="h5"><img id="heart5" src="images/love2.png" alt=""> <span>加入看单</span></div>-->
        </div>
    </div>
    <h2>vip综艺</h2>
    <div class="move4">
        <div>
            <img src="images/g1.jpg" alt="">
            <span>我要打篮球</span>
            <span>锦衣卫追查少女失踪密案</span>
        </div>
        <div>
            <img src="images/g2.jpg" alt="">
            <span>我是大侦探</span>
            <span>用兵如神！展最强运动战</span>
        </div>
        <div>
            <img src="images/g3.jpg" alt="">
            <span>荣耀美少女</span>
            <span>遇中年危机的樊胜美更惨了</span>
        </div>
        <div>
            <img src="images/g4.jpg" alt="">
            <span>中餐厅</span>
            <span> 陈晓王雷勇争坦克兵王</span>
        </div>
        <div>
            <img src="images/g5.jpg" alt="">
            <span>脱口秀大会</span>
            <span>陈宝国秦海璐勇闯关东</span>
            <!--<div class="love" id="h4"><img id="heart4" src="images/love2.png" alt=""> <span>加入看单</span></div>-->
        </div>
        <div>
            <img src="images/g6.jpg" alt="">
            <span>我家小两口</span>
            <span> 第8期：总决战备战花絮公开</span>
            <!--<div class="love" id="h5"><img id="heart5" src="images/love2.png" alt=""> <span>加入看单</span></div>-->
        </div>
    </div>

    <!--body部分结束-->
    <!--footer部分开始-->
    <div class="footer">
        <div class="out">
            <div class="up">
                <div class="one">
                    <div class="head">热门频道</div>
                    <div class="text"><a href="#">电视剧</a></div>
                    <div class="text"><a href="#">综艺</a></div>
                    <div class="text"> <a href="#">电影</a></div>
                    <div class="text"><a href="#">娱乐</a></div>
                    <div class="text"><a href="#">MV</a></div>
                    <div class="text"><a href="#">动漫</a></div>
                    <div class="text"><a href="#">游戏</a></div>
                    <div class="text"><a href="#">VIP影院</a></div>
                    <div class="text"><a href="#">英美剧</a></div>
                    <div class="text"><a href="#">纪录片</a></div>
                    <div class="text"><a href="#">新闻</a></div>
                    <div class="text"><a href="#">体育</a></div>
                    <div class="text"> <a href="#">生活</a></div>
                </div>
                <div class="two">
                    <div class="head">特色推荐</div>
                    <div class="text"><a href="#"> V+原创平台</a></div>
                    <div class="text"><a href="#">腾讯出品</a></div>
                    <div class="text1"><a href="#">微电影</a></div>
                    <div class="text1"><a href="#">拍客</a></div>
                    <div class="text1"><a href="#">搞笑</a></div>
                </div>
                <div class="three">
                    <div class="head">软件下载</div>
                    <div class="text"><a href="#">PC版</a></div>
                    <div class="text"><a href="#">iPhone版</a></div>
                    <div class="text"><a href="#">iPad版</a></div>
                    <div class="text"><a href="#">TV版</a></div>
                    <div class="text1"><a href="#"> Android Phone版</a></div>
                    <div class="text1"><a href="#">Android Pad版</a></div>
                </div>
            </div>
            <div class="down">
               <a> 关于腾讯</a> | <a>About Tencent</a>  | <a>服务条款 </a>| <a>广告服务</a> | <a>腾讯招聘</a> | <a>客服中心</a> | <a>网站导航</a><br>
                Copyright © 1998 - 2019 Tencent. All Rights Reserved.<br>
                腾讯公司 <a>版权所有</a><a>腾讯网络文化经营许可证</a>
            </div>
        </div>
    </div>
    <!--footer部分结束-->
    <!--右侧固定栏-->
    <div class="fix2" id="img1">
        <div>
            <img id="id" src="images/向上箭头.png" alt="">
        </div>
        <span>返回顶部</span>
    </div>
    <div class="fix3" id="img3">
        <img src="images/二维码.jpg" class="er hidden" id="e" alt="">
        <div>
            <img id="id3" src="images/二维码.png" alt="">
        </div>
        <span>关注我们</span>
    </div>
    <div class="fix4" id="img4">
        <div>
            <img id="id4" src="images/信息.png" alt="">
        </div>
        <a herf="https://film.qq.com/support/help.html?ptag=help.home.web">帮助客服</a>
    </div>
    <div class="mask" id="mask">
        <div class="login" id="login">
            <label for="inp1">QQ</label><input type="text" id="inp1"><span>请输入正确的QQ号码</span><br>
            <label for="inp2">手机</label><input type="text" id="inp2"><span>请输入13位手机号码</span><br>
            <label for="inp3">邮箱</label><input type="text" id="inp3"><span>请输入正确邮箱</span><br>
            <label for="inp4">学号</label><input type="text" id="inp4"><span>请输入您的座机</span><br>
            <label for="inp5">账号</label><input type="text" id="inp5"><span>请输入您的账号</span><br>
            <label for="inp6">密码</label><input type="text" id="inp6"><span>请输入您的密码</span><br>
            <div id="password" class="pwd"></div>
            <div class="sub" id="leave">提交</div>
        </div>
    </div>

</body>
</html>